{extend name="layout" /}
{block name="content"}
<!-- Content Header (Page header) -->
<section class="content" style="padding-top:0;padding-bottom: 0">
    <div class="row" style="padding-bottom: 0">
        <div class="box" style="margin-bottom: 0">
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-xs-6">
                        <form id="searchForm">
                            {if condition="$uinfo['roleid'] == 1 || $uinfo['roleid'] == 4"}
                            <div class="seardiv" style="width: 20%;float: left;">
                                <select name="dealerid" class="form-control input-sm">
                                    <option value="">请选择经销商</option>
                                    {volist name="dealerlist" id="v"}
                                    <option value="{$key}">{$v}</option>
                                    {/volist}
                                </select>
                            </div>
                            {/if}
                            <div class="input-group input-group-sm demoTable">
                                <input type="text" class="form-control input-sm" name="keywords" id="demoReload"
                                       autocomplete="off"
                                       placeholder="请输入标题或内容关键字">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-info btn-flat layui-btn"
                                            data-type="reload">搜 索</button>
                                </span>
                            </div>
                            <input type="hidden" name="fieldset" value="keywords-title|content-like">
                        </form>
                    </div>
                    <div class="col-xs-6" style="text-align: right">
                        <button type="button" class="btn btn-success btn-sm cocoModal" isForm url="{:url('add')}"
                                title="新增项目" fixat="1">
                            <i class="fa fa-plus"></i> 新增
                        </button>
                    </div>
                </div>
                <table class="layui-table" lay-even
                       lay-data="{height: 'full-75', cellMinWidth: 80, page: true, id:'lists',limit:30, url:'{:url('data_show_where',['datetime'=>'desc'])}'}"
                       lay-filter="lists">
                    <colgroup>
                        <col width="35">
                        <col width="30">
                    </colgroup>
                    <thead>
                    <tr>
                        <th lay-data="{type:'checkbox'}">ID</th>
                        <th lay-data="{field:'id', sort: true}">ID</th>
                        <th lay-data="{field:'title'}">标题</th>
                        <th lay-data="{field:'cover',event: 'openimg', templet: '#img'}">封面图片</th>
                        <th lay-data="{field:'datetime'}">发表时间</th>
                        <th lay-data="{field:'total'}">助力次数</th>
                        <th lay-data="{field:'author'}">作者</th>
                        <th lay-data="{field:'dealer'}">所属经销商</th>
                        <th lay-data="{fixed:'right', width:210, align:'center', toolbar: '#barDemo'}">操作</th>
                    </tr>
                    </thead>
                    <tbody id="datalist">
                    </tbody>
                </table>
            </div>
            <!-- /.box-body -->
            <div id="pages" class="box-footer clearfix pages" style="text-align: center;padding:0"></div>
        </div>
    </div>
</section>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit_article">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<!-- /.content -->
{/block}
{block name="script"}
<script type="text/html" id="img">
    <div><img src="{{d.cover}}" style="width: 30px; height: 30px;"></div>
</script>
<script type="text/javascript">
    layui.use('table', function () {
        var table = layui.table;
        var $ = layui.$, active = {
            reload: function () {
                var demoReload = $('#demoReload');
                //执行重载
                table.reload('lists', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    , where: $('#searchForm').serializeObject()
                });
            }
        };

        $('.demoTable .layui-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });

    function edit_article(data) {
        console.dir(data);
        var layindex = layer.open({
            type: 2,
            area: ['800px', '600px'],
            fixed: false, //不固定
            maxmin: true,
            content: APP_URL + "/admin/article/edit?items=" + data.id,
            title: '修改消息内容',
            btn: ['确定', '取消'],
            shade: [0.8, '#000000'],
            yes: function (index, layero) {
                //parent.$('#parentIframe').text('我被改变了');
                var iframeWin = window[layero.find('iframe')[0]['name']];
                formobj = iframeWin.$("form");
                ajaxUrl = formobj.attr("action");
                if (ajaxUrl == undefined || ajaxUrl == '') {
                    ajaxUrl = defaultSaveUrl;
                }
                datajson = formobj.serialize();
                searchMap.postData = datajson;
                $.post(ajaxUrl, searchMap, function (datajson) {
                    var serializeObj = {};
                    if (datajson.status == 1) {
                        $(formobj.serializeArray()).each(function () {
                            serializeObj[this.name] = this.value;
                        });
                        layer.msg("操作成功", function () {
                            layer.closeAll();
                        });
                        setTimeout(function () {
                            location.reload();
                        }, 300);
                    } else {
                        layer.msg(datajson.msg);
                        return false;
                    }
                }, 'json');
            }
        });
    }
</script>
{/block}